<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="author" content="">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <title>首页 - 成都智水灌溉设备有限公司</title>

  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <!-- Place favicon.ico in the root directory -->
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
  <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">

  <!-- build:css styles/vendor.css -->
  <link rel="stylesheet" href="/node_modules/aos/dist/aos.css" type="text/css" />
  <link rel="stylesheet" href="/node_modules/swiper/swiper-bundle.css" type="text/css" />
  <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css" type="text/css" />
  <link rel="stylesheet" href="/node_modules/@fancyapps/ui/dist/fancybox/fancybox.css" type="text/css" />
  <!-- endbuild -->

  <!-- build:css styles/common.css -->
  <link rel="stylesheet" href="styles/common.css">
  <!-- endbuild -->

  <!-- build:css styles/home.css -->
  <link rel="stylesheet" href="styles/home.css">
  <!-- endbuild -->
</head>

<body>
  <!--[if IE]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->

  <header class="header header-translucent fixed-top">
    <nav class="navbar navbar-light navbar-expand-lg" data-bs-theme="light">
      <div class="container position-relative">
        <a class="navbar-brand" href="index.html" data-aos="fade-up">
          <img src="images/logo.png" alt="Game for Good">
        </a>

        <div class="dropdown search-dropdown ms-auto ms-lg-0 me-3 me-md-5 me-lg-0 order-lg-1" data-bs-theme="light">
          <div data-aos="fade-up">
            <a class="navbar-text navbar-search-btn" href="javascript:;">
              <span class="iconfont icon-sousuo-copy"></span>
              <span>搜索</span>
            </a>
          </div>

          <div class="dropdown-menu border-0 shadow-lg">
            <form autocomplete="off" aria-autocomplete="none">
              <div class="input-group input-group-lg">
                <input class="form-control shadow-none" type="search" name="" placeholder="输入关键词搜索">
                <button class="btn btn-outline-secondary btn-search" type="submit">
                  <span class="iconfont icon-sousuo-copy"></span>
                </button>
              </div>
            </form>
          </div>
        </div>

        <button class="navbar-toggler" type="button" data-aos="fade-up" data-bs-toggle="offcanvas" data-bs-target="#navbarOffcanvas" aria-controls="navbarOffcanvas" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="offcanvas offcanvas-start text-bg-dark flex-lg-grow-0 mx-lg-auto" tabindex="-1" id="navbarOffcanvas" aria-labelledby="offcanvasLabel">
          <div class="offcanvas-header py-5">
            <h5 class="offcanvas-title" id="offcanvasLabel">
              <img src="images/logo.png" height="34" alt="Game for Good">
            </h5>

            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
          </div>
          <div class="offcanvas-body">
            <ul class="navbar-nav" data-aos="fade-up">
              <li class="nav-item">
                <a class="nav-link active" href="index.html">首页</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="games.html">G4G游戏+扶持计划</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="events.html">G4G动态</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="cases.html">案例库</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </nav>
  </header>

  <!-- banner -->
  <section class="section section-banner py-0">
    <div class="swiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <div class="banner-item">
            <img class="banner-item-img" src="images/home/banner-slide.jpg">
          </div>
        </div>
        <div class="swiper-slide">
          <div class="banner-item">
            <img class="banner-item-img" src="images/home/banner-slide.jpg">
          </div>
        </div>
        <div class="swiper-slide">
          <div class="banner-item">
            <img class="banner-item-img" src="images/home/banner-slide.jpg">
          </div>
        </div>
      </div>

      <div class="swiper-pagination"></div>
    </div><!-- /.swiper -->
  </section><!-- /.section-banner -->

  <!-- 产品 -->
  <section class="section section-product">
    <div class="container">
      <div class="hstack justify-content-center justify-content-md-start" data-aos="fade-up">
        <h4 class="section-title mb-0">开场白</h4>
        <img src="images/icons/icon-hand.png">
      </div>

      <hr class="my-3 my-md-4 my-lg-5">

      <div class="d-flex flex-column flex-md-row gap-3 gap-lg-4 gap-xl-5" data-aos="fade-up">
        <div class="flex-shrink-0 text-center">
          <img src="images/icons/icon-more.png">
        </div>
        <div class="flex-grow-1">
          <p class="fs-lg">
            Game for Good（G4G）
            <strong class="fs-lg">是一个探索游戏多元价值的跨界开放平台</strong>
            ，以
            <strong class="fs-lg">“游戏+”</strong>
            为核心理念，以游戏化技术和机制帮助跨行业伙伴实现数字化转型，提供社会议题的创新解决方案。并为具备社会价值的游戏及游戏化产品提供
            <strong class="fs-lg">资源链接、能力建设、资金扶持、合作渠道及传播</strong>
            等方面的支持，阐扬游戏的正向价值为推动科技与人类社会的融合发展做出积极的贡献。</p>
        </div>
      </div>
    </div>
  </section><!-- /.section-product -->

  <!-- 农机 -->
  <section class="section section-machine">
    <div class="container">
      <div class="hstack justify-content-center justify-content-md-start" data-aos="fade-up">
        <h4 class="section-title mb-0">使命愿景</h4>
        <img src="images/icons/icon-game.png">
      </div>

      <hr class="my-3 my-md-4 my-lg-5">

      <div class="d-flex flex-column flex-md-row gap-3 gap-lg-4 gap-xl-5" data-aos="fade-up">
        <div class="flex-shrink-0 text-center">
          <img src="images/icons/icon-edit.png">
        </div>
        <div class="flex-grow-1">
          <p class="fs-lg mt-md-3">
            <strong class="fs-lg">G4G致力于阐扬游戏的多元价值，深入探索游戏与其他领域的互补性，推动跨行业的融合发展</strong>
            。希望通过游戏的力量，为社会议题提供创新解希望通过游戏的力量，为社会议题提供创新解决方案推动社会的进步和发展。
        </div>
      </div>
    </div>
  </section><!-- /.section-machine -->

  <!-- 简介 -->
  <section class="section section-profile">
    <div class="container">
      <div class="row mb-5">
        <div class="col-12 col-lg-10 col-xl-8 offset-lg-1 offset-xl-2">
          <div class="hstack justify-content-center mb-3 mb-lg-4" data-aos="fade-up">
            <h4 class="section-title mb-0">平台价值</h4>
            <img src="images/icons/icon-pearls.png">
          </div>

          <p class="fs-4 fw-bold" data-aos="fade-up">
            G4G致力于扮演探索游戏多元价值的
            <span class="text-primary">链接者、赋能者、讲述者</span>
            凝聚
            <span class="text-primary">“游戏+”</span>
            认同者，形成游戏跨界赋能合力 ，与社会共筑游戏多元价值。
          </p>
        </div>
      </div>

      <div class="row row-cols-1 row-cols-lg-3 g-3 g-lg-4 g-xl-5 text-center">
        <div class="col">
          <div class="card border-0 rounded-0" data-aos="fade-up">
            <div class="card-body">
              <p>
                <img class="img-fluid" src="images/icons/icon-bee.png" alt="">
              </p>

              <h4 class="card-title fw-bold my-3 my-lg-4">链接者</h4>

              <div class="card-text fw-bold">
                <p class="mb-0">国际视野与本土实践相结合</p>
                <p class="mb-0">链接国内外优质科研资源</p>
                <p class="mb-0">推动游戏学科和理论研究的发展</p>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card border-0 rounded-0" data-aos="fade-up" data-aos-delay="200">
            <div class="card-body">
              <p>
                <img class="img-fluid" src="images/icons/icon-geometry.png" alt="">
              </p>

              <h4 class="card-title fw-bold my-3 my-lg-4">赋能者</h4>

              <div class="card-text fw-bold">
                <p class="mb-0">为游戏创作者</p>
                <p class="mb-0">提供游戏社会化表达与创作的场域</p>
                <p class="mb-0">及资源与能力的支持</p>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card border-0 rounded-0" data-aos="fade-up" data-aos-delay="400">
            <div class="card-body">
              <p>
                <img class="img-fluid" src="images/icons/icon-eye.png" alt="">
              </p>

              <h4 class="card-title fw-bold my-3 my-lg-4">讲述者</h4>

              <div class="card-text fw-bold">
                <p class="mb-0">为游戏创作者</p>
                <p class="mb-0">提供游戏社会化表达与创作的场域</p>
                <p class="mb-0">及资源与能力的支持</p>
              </div>
            </div>
          </div>
        </div>
      </div><!-- /.row -->
    </div>
  </section><!-- /.section-profile -->

  <!-- 指导 -->
  <section class="section section-guide">
    <div class="container">
      <div class="card card-pad-lg card-tint">
        <div class="card-body">
          <div class="row row-cols-1 row-cols-lg-2 g-4 g-lg-5">
            <div class="col">
              <h3 class="display-5 fw-bold" data-aos="fade-up">G4G “游戏 +” 扶持计划</h3>

              <p class="card-text my-3 my-md-4 my-lg-5 fs-lg" data-aos="fade-up" data-aos-delay="300">
                G4G“游戏+”扶持计划是由G4G发起，旨在链接游戏行业和其他行业推动跨行业的融合发展希望通过游戏的力量，为社会议题提供创新解决方案推动社会的进步和发展。
              </p>

              <p class="d-flex flex-wrap gap-3 gap-lg-4" data-aos="fade-up" data-aos-delay="500">
                <a class="btn btn-light py-3 px-5" href="games.html">
                  <span>了解更多</span>
                  <span class="iconfont icon-jiantou"></span>
                </a>
                <a class="btn btn-light py-3 px-5" href="#enrollModal" data-bs-toggle="modal">
                  <span>点击进驻</span>
                  <span class="iconfont icon-jiantou"></span>
                </a>
              </p>
            </div>
            <div class="col d-flex flex-column">
              <div class="mx-auto">
                <h5 class="mb-3 fs-lg" data-aos="fade-up">G4G将为入选项目提供 *</h5>

                <div class="vstack gap-1 text-center">
                  <div class="hstack gap-1">
                    <div class="card rounded-4" data-aos="fade-up" data-aos-delay="200">
                      <div class="card-body">
                        <img class="img-fluid" src="images/games/action-1.png" alt="">
                      </div>
                    </div>
                    <div class="card rounded-4" data-aos="fade-up" data-aos-delay="300">
                      <div class="card-body">
                        <img class="img-fluid" src="images/games/action-2.png" alt="">
                      </div>
                    </div>
                  </div>
                  <div class="hstack gap-1">
                    <div class="card rounded-4" data-aos="fade-up" data-aos-delay="400">
                      <div class="card-body">
                        <img class="img-fluid" src="images/games/action-3.png" alt="">
                      </div>
                    </div>
                    <div class="card rounded-4" data-aos="fade-up" data-aos-delay="500">
                      <div class="card-body">
                        <img class="img-fluid" src="images/games/action-4.png" alt="">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section><!-- /.section-guide -->

  <!-- 场景 -->
  <section class="section section-scene">
    <div class="container">
      <div class="hstack justify-content-center mb-3 mb-lg-4" data-aos="fade-up">
        <h4 class="section-title mb-0">项目案例</h4>
        <img src="images/icons/icon-dice.png">
      </div>

      <div class="row mb-5">
        <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
          <p class="text-center" data-aos="fade-up" data-aos-delay="300">
            G4G整合了顶级行业与学术资源，与独立游戏团队保持着密切且深入的联系，通过汇聚市场、研发、技术等力量，构建了全方位的游戏+，战略合作体系。
          </p>
        </div>
      </div>

      <div class="row">
        <div class="col-12 col-lg-10 offset-lg-1">
          <div class="row row-cols-1 row-cols-lg-2 g-3 g-lg-4 g-xl-5 mb-5">
            <div class="col card-img-wrapper">
              <div class="card card-gray card-pad h-100" data-aos="fade-up">
                <div class="card-body py-0 flex-grow-0 card-img-middle">
                  <div class="ratio ratio-16x9">
                    <img class="card-img" src="images/cases/case-1.jpg" alt="">
                  </div>
                </div>
                <div class="card-body">
                  <h4 class="card-title">《林中人》</h4>
                  <p class="card-text">上海正向数字化技术研究院Game for Good联合南京市红山森林动物园、野声、星辰重工共同推出了一款以红毛猩猩保护和可持续棕榈油为主题的文字冒险游戏《林中人》</p>
                </div>
              </div>
            </div>
            <div class="col card-img-wrapper">
              <div class="card card-gray card-pad h-100" data-aos="fade-up">
                <div class="card-body py-0 flex-grow-0 card-img-middle">
                  <div class="ratio ratio-16x9">
                    <img class="card-img" src="images/cases/case-2.jpg" alt="">
                  </div>
                </div>
                <div class="card-body">
                  <h4 class="card-title">《朱鹮》</h4>
                  <p class="card-text">《朱鹮》是由上海科技馆与G4G协同合作的一款动物保护策略游戏上海科技馆希望通过这款游戏，能够让更多的人了解朱鹦的重要性并从自己做起，为保护这种珍贵的动物做出贡献。</p>
                </div>
              </div>
            </div>
            <div class="col card-img-wrapper">
              <div class="card card-gray card-pad h-100" data-aos="fade-up">
                <div class="card-body py-0 flex-grow-0 card-img-middle">
                  <div class="ratio ratio-16x9">
                    <img class="card-img" src="images/cases/case-3.jpg" alt="">
                  </div>
                </div>
                <div class="card-body">
                  <h4 class="card-title">《镜》</h4>
                  <p class="card-text">《镜》是一款由G4G与李政道图书馆联合开发的科普向剧情解谜游戏，旨在科普李政道、杨振宁提出的宇称不守恒定律，将诺贝尔物理学奖成果通过有趣的方式呈现，以科普提升科学素养。</p>
                </div>
              </div>
            </div>
            <div class="col card-img-wrapper">
              <div class="card card-gray card-pad h-100" data-aos="fade-up">
                <div class="card-body py-0 flex-grow-0 card-img-middle">
                  <div class="ratio ratio-16x9">
                    <img class="card-img" src="images/cases/case-4.jpg" alt="">
                  </div>
                </div>
                <div class="card-body">
                  <h4 class="card-title">《永续新世界》</h4>
                  <p class="card-text">《永续新世界》是一款由G4G、桌一派共同出品的可持续发展主题桌游。希望将可持续发展理念以寓教于乐的形式告诉玩家，并引导玩家深入理解、思考可持续发展政策，推动可持续发展的青年参与</p>
                </div>
              </div>
            </div>
          </div>

          <p class="text-center" data-aos="fade-up">
            <a class="btn btn-lg btn-secondary bg-body-tertiary text-body border-dark-subtle px-5" href="#">
              <span>查看更多</span>
              <span class="iconfont icon-jiantou"></span>
            </a>
          </p>
        </div>
      </div>
    </div>
  </section><!-- /.section-scene -->

  <!-- 资讯 -->
  <section class="section section-news">
    <div class="container">
      <div class="hstack justify-content-center mb-3 mb-lg-4" data-aos="fade-up">
        <h4 class="section-title mb-0">平台活动</h4>
        <img src="images/icons/icon-balloon.png">
      </div>

      <div class="row mb-5">
        <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
          <p class="text-center" data-aos="fade-up" data-aos-delay="300">
            作为链接者，我们推动企业机构与游戏人的跨界合作，助力相关学科体系建设
          </p>
        </div>
      </div>

      <div class="row row-cols-1 row-cols-lg-2 g-3 g-lg-4 g-xl-5">
        <div class="col card-img-wrapper">
          <div class="card card-gray card-pad h-100" data-aos="fade-up">
            <div class="card-body py-0 flex-grow-0 card-img-middle">
              <a class="card-img-media" href="http://2050today.org/wp-content/uploads/2020/07/Video-Placeholder.mp4" data-fancybox data-type="html5video">
                <div class="ratio ratio-16x9">
                  <img class="card-img" src="images/events/event-1.jpg" alt="">
                </div>
              </a>
            </div>
            <div class="card-body">
              <h4 class="card-title">益游未尽™</h4>
              <p class="card-text mb-0">G4G Game Jam：「益·游未尽」</p>
              <p class="card-text">一年一次的游戏制作赛事，为「游戏向善」的实践。</p>
            </div>
          </div>
        </div>
        <div class="col card-img-wrapper">
          <div class="card card-gray card-pad h-100" data-aos="fade-up">
            <div class="card-body py-0 flex-grow-0 card-img-middle">
              <a class="card-img-media" href="http://2050today.org/wp-content/uploads/2020/07/Video-Placeholder.mp4" data-fancybox data-type="html5video">
                <div class="ratio ratio-16x9">
                  <img class="card-img" src="images/events/event-2.jpg" alt="">
                </div>
              </a>
            </div>
            <div class="card-body">
              <h4 class="card-title">游戏家</h4>
              <p class="card-text">通过圆桌、沙龙、讲座等活动，探索对游戏的思考与尝试</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section><!-- /.section-news -->

  <footer class="footer bg-dark text-light pt-5 pb-2" data-aos="fade-up">
    <div class="container">
      <div class="row g-3 g-md-4 g-lg-5 mb-5">
        <div class="col-12 col-lg-3">
          <p class="mb-5">
            <img src="images/logo.png" alt="Game for Good">
          </p>

          <p>
            <a class="btn btn-light rounded-4 px-4 py-3" href="#">
              <span class="me-5 me-lg-3 me-xl-5">合作/洽谈</span>
              <span class="d-inline-block align-middle fs-24 lh-1 iconfont icon-24gl-paperPlane"></span>
            </a>
          </p>
        </div>
        <div class="col-12 col-sm-6">
          <h4 class="mb-5 mt-3 fw-bold">Game for Good</h4>

          <div class="mb-3">
            <p class="mb-0">无论是学术研究、社会治理</p>
            <p class="mb-0">还是企业的游戏化创新探索</p>
            <p class="mb-0">我们始终期待产生</p>
            <p class="mb-0">更多元维度上的「游戏社会价值」</p>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3 d-flex flex-column align-items-center align-items-sm-end">
          <div>
            <div class="nav nav-tabs border-0 gap-2 mb-3">
              <a class="nav-link p-2 rounded-pill bg-white text-primary lh-1 fs-lg active" href="#qrcode-wechat" data-bs-toggle="tab">
                <span class="iconfont icon-weixin fs-lg"></span>
              </a>
              <a class="nav-link p-2 rounded-pill bg-white text-primary lh-1 fs-lg" href="#qrcode-chat" data-bs-toggle="tab">
                <span class="iconfont icon-bg-chat fs-lg"></span>
              </a>
            </div>

            <div class="tab-content mb-3">
              <div id="qrcode-wechat" class="tab-pane fade show active">
                <div class="card mb-3 border-0 bg-white rounded-3">
                  <div class="card-body p-1">
                    <img src="images/qrcode.jpg" alt="Wechat">
                  </div>
                </div>
              </div>
              <div id="qrcode-chat" class="tab-pane fade">
                <div class="card mb-3 border-0 bg-white rounded-3">
                  <div class="card-body p-1">
                    <img src="images/qrcode.jpg" alt="Chat">
                  </div>
                </div>
              </div>
            </div>

            <p class="mb-0">
              <a class="text-reset" href="mailto:hell@g4g.cn">邮箱: hell@g4g.cn</a>
            </p>
          </div>
        </div>
      </div>

      <hr>

      <p class="text-center">&copy;2023 Game for Good 上海正向数字化技术研究院</p>
      <p class="text-center fs-24">沪ICP备2022029999号-3</p>
    </div>
  </footer>

  <!-- build:js scripts/vendor.js -->
  <script type="text/javascript" src="/node_modules/jquery/dist/jquery.min.js"></script>
  <script type="text/javascript" src="/node_modules/aos/dist/aos.js"></script>
  <script type="text/javascript" src="/node_modules/swiper/swiper-bundle.min.js"></script>
  <script type="text/javascript" src="/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="/node_modules/@fancyapps/ui/dist/fancybox/fancybox.umd.js"></script>
  <!-- endbuild -->

  <!-- build:js scripts/common.js -->
  <script src="scripts/common.js"></script>
  <!-- endbuild -->

  <!-- build:js scripts/home.js -->
  <script src="scripts/home.js"></script>
  <!-- endbuild -->
</body>
</html>
